<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>axios响应结果的结构</title>
    <script src="axios.js"></script>
</head>
<button>发送GET请求</button>
<body>
<script>

    const btn = document.querySelector('button')

    btn.addEventListener('click', function () {
        axios({
            //请求类型
            method: 'GET',
            //URL
            url: 'http://localhost:3000/posts/2'
        }).then(
            response => {

                console.log(response.config)//配置对象,包含请求类型,请求url,请求体
                console.log(response.data)//响应体结果,打印出来是一块对象,这是axios自动将服务器返回的结果进行json解析转为对象,方便对结果进行处理
                console.log(response.headers)//响应头信息
                console.log(response.request)//发送ajax的请求对象
                console.log(response.status)//响应状态码
                console.log(response.statusText)//响应状态字符串
            }
        )
    })
</script>
</body>
</html>